/*
    1:歌曲搜索接口
      请求地址：https://autumnfish.cn/search
      请求方法：get
      请求参数：keywords(查询关键字)
      响应内容：歌曲搜索结果
    2:歌曲url获取接口
      请求地址：https://autumnfish.cn/song/url
      请求方法：get
      请求参数：id（查询关键字）
      响应内容：歌曲url地址
    3:歌曲详情获取
      请求地址：https://autumnfish.cn/song/detail
      请求方法：get
      请求参数：ids(歌曲id)
      响应内容：歌曲详情（包括封面信息）
    4:热门评论获取
      请求地址：https://autumnfish.cn/comment/hot?type=0
      请求方法：get
      请求参数：id(歌曲id，地址中的type固定为0)
      响应内容：歌曲的热门评论
    5:MV地址获取
      请求地址：https://autumnfish.cn/mv/url
      请求方法：get
      请求参数：id(mvid，为0表示没有MV)
      响应内容：MV的地址

*/
var app = new Vue({
    el: "#player",
    data: {
        query: "",
        musicList: [],
        musicUrl: "",
        musicCover: "",
        //热门评论
        hotComments: [],
        //播放状态
        isPlaying: false,
        // 显示视频播放层
        showVideo: false,
        // MV地址
        mvUrl: ""
    },
    methods: {
        //歌曲搜索
        searchMusic: function () {
            var that = this;
            axios.get("https://autumnfish.cn/search?keywords=" + this.query)
                .then(function (response) {
                    console.log(response.data.result.songs[0]);
                    that.musicList = response.data.result.songs;
                })
                .catch(function (err) {
                    console.log(err);
                })
        },
        // 歌曲播放
        playMusic: function (musicId) {
            //console.log(musicId);
            var that = this;
            // 获取歌曲地址
            axios.get("https://autumnfish.cn/song/url?id=" + musicId)
                .then(function (response) {
                    //console.log(response);
                    console.log(response.data.data[0].url);
                    that.musicUrl = response.data.data[0].url;
                }, function (err) { })
            // 歌曲详情获取
            axios.get("https://autumnfish.cn/song/detail?ids=" + musicId)
                .then(function (response) {
                    //console.log(response);
                    //console.log(response.data.songs[0].al.picUrl);
                    that.musicCover = response.data.songs[0].al.picUrl;
                }, function (err) { })
            // 歌曲评论获取
            axios.get("https://autumnfish.cn/comment/hot?type=0&id=" + musicId)
                .then(function (response) {
                    //console.log(response);
                    that.hotComments = response.data.hotComments;
                }, function (err) { })
        },
        play: function () {
            //console.log("play");
            this.isPlaying = true;
            //清空MV的信息
            this.mvUrl = "";
        },
        pause: function () {
            //console.log("pause");
            this.isPlaying = false;
        },
        //播放MV
        playMV: function (mvid) {            
            var that = this;
            if(mvid <= 0){
                return;
            }
            
            axios.get("https://autumnfish.cn/mv/url?id=" + mvid)
                .then(function (response) {
                    //console.log(response);
                    console.log(response.data.data.url);
                    that.showVideo = true;
                    //暂停歌曲播放
                    that.$refs.audio.pause();
                    that.mvUrl = response.data.data.url;
                }, function (err) {
                    console.log(err);
                })
        },
        //隐藏
        hide: function () {
            this.showVideo = false;
            this.isPlaying = false;
        },
        //关闭MV播放层
        closeMV:function(){
            this.showVideo = false;
            this.$refs.video.pause();
        }
    },
})